<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:s="http://jboss.com/products/seam/taglib"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:rich="http://richfaces.org/rich"
	xmlns:a="http://richfaces.org/a4j"
	xmlns:a4j="http://richfaces.org/a4j"
	template="/layout/template_box.xhtml">

	<ui:define name="head">
		
			
		
	</ui:define>


<ui:define name="head">

		<script>
	    function mascarar(){
	      
            jQuery(".telefone").unmask().mask('9999-9999');            
            jQuery(".cep").unmask().mask('99.999-999');
            jQuery(".cpf").unmask().mask('999.999.999-99');
            jQuery(".inteiro").unmask().mask('9999');
            
            jQuery(".rich-calendar-input").unmask().mask('99/99/9999');
        }

		jQuery(function(){
            mascarar();
			/*if(! #{instituicaoHome.desabilitarCampo()} ){
				${rich:component('upload')}.enable();

			}
			else
				${rich:component('upload')}.disable();*/
		});
    </script>


	</ui:define>

	<ui:define name="MenuInterno">
		<ui:include src="/layout/menu_parceiro.xhtml" />
	</ui:define>

	<ui:define name="body">

		<h2 class="t_curso">
			<h:outputText value="Cadastro de Parceiro" />
		</h2>

		<div id="tamanho_div">

			<a:outputPanel id="pnlForm" ajaxRendered="true">
				<a:form id="formparceiroHome" styleClass="form_confea">
					<s:validateAll>

						<ol>

							<li><s:div>
									<p class="tool_alerta">Os campos marcados com * são de
										preenchimento obrigatório.</p>
								</s:div></li>
							<li>
								<fieldset>
									<legend>
										<h:outputText value="Dados do Parceiro" />
									</legend>
								</fieldset>
							</li>
							
							
					
					<li class=""><s:decorate template="/layout/edit.xhtml" id="decoInterno">
						<ui:define name="label">
							Parceiro
						</ui:define>
						<h:selectOneRadio  id="interno" value="#{parceiroHome.instance.tipo}" styleClass="" immediate="true" required="true">
							<s:selectItems value="#{factories.tipoParceiros}" var="tipo" label="#{tipo.nome}" />
							<a4j:support event="onchange" reRender="divRamal" ajaxSingle="true" limitToList="true" eventsQueue="default" oncomplete="mascarar()"/>
						</h:selectOneRadio>
					</s:decorate></li>			
							
					<li><s:decorate template="/layout/edit.xhtml" id="decoNome">
						<ui:define name="label">
							Nome
						</ui:define>
						<h:inputText id="nome" required="true" requiredMessage="O campo 'Nome' é obrigatório" styleClass="campo_full" value="#{parceiroHome.instance.nome}" />													
						
					</s:decorate></li>		
					
					<s:div id="divRamal">
					<li><s:decorate template="/layout/edit.xhtml" id="decoRamal" rendered="#{parceiroHome.instance.tipo==parceiroHome.tipoParceiroInterno}">
									<ui:define name="label">
							Ramal
						</ui:define>
									<h:inputText id="ramal" required="false"
										requiredMessage="O campo 'Ramal' é obrigatório"
										styleClass="campo_num inteiro"
										value="#{parceiroHome.instance.ramal}" />

								</s:decorate></li>
						</s:div>		
						

							<li><s:decorate template="/layout/edit.xhtml" id="decoCel">
									<ui:define name="label">
									
							
							Celular
						</ui:define>
									<h:inputText id="cel" required="false"
										requiredMessage="O campo 'Celular' é obrigatório"
										styleClass="campo_full telefone"
										value="#{parceiroHome.instance.celular}" />

								</s:decorate></li>
					<li><s:decorate template="/layout/edit.xhtml"
									id="decoEndereco">
									<ui:define name="label">
							Endereço
						</ui:define>
									<h:inputText id="endereco" required="true"
										requiredMessage="O campo 'Endereço' é obrigatório"
										styleClass="campo_full"
										value="#{parceiroHome.instance.endereco}" />

								</s:decorate></li>


							<li><s:decorate template="/layout/edit.xhtml"
									id="decoBairro">
									<ui:define name="label">
							Bairro
						</ui:define>
									<h:inputText id="bairro" required="true"
										requiredMessage="O campo 'Bairro' é obrigatório"
										styleClass="campo_full"
										value="#{parceiroHome.instance.bairro}" />

								</s:decorate></li>

							<li><s:decorate template="/layout/edit.xhtml" id="decoCep">
									<ui:define name="label">
							CEP
						</ui:define>
									<h:inputText id="cep" required="false"
										requiredMessage="O campo 'CEP' é obrigatório"
										styleClass="campo_full cep"
										value="#{parceiroHome.instance.cep}"
										converter="conversorCEP" />

								</s:decorate></li>


							<li><s:decorate template="/layout/edit.xhtml" id="decoCidade">
						<ui:define name="label">
							Cidade
						</ui:define>
						<h:selectOneMenu
										requiredMessage="O campo 'Cidade' é obrigatório."
										required="true"
										id="cidade" styleClass="Combo"
										value="#{parceiroHome.instance.cidade}">
										<s:selectItems value="#{factories.cidades}" var="cidade"
											label="#{cidade.nome}" noSelectionLabel="Selecione" />
										<s:convertEntity />
									</h:selectOneMenu>
						
					</s:decorate></li>
																											
									<li><s:decorate template="/layout/edit.xhtml" id="decoDescricao">
									<ui:define name="label">
							Descrição
						</ui:define>
									<h:inputTextarea id="cep" required="false" 
										requiredMessage="O campo 'Descrição' é obrigatório"
										styleClass="campo_full"
										value="#{parceiroHome.instance.descricao}" />

								</s:decorate></li>							
						
						
						</ol>

						<fieldset>
							<h:messages globalOnly="false" styleClass="tool_alerta" />
						</fieldset>

						<a4j:commandLink styleClass="btn" action="#{parceiroHome.salvar}" value="Salvar" reRender="pnlForm" oncomplete="mascarar()"/>

					</s:validateAll>
				</a:form>
			</a:outputPanel>
		</div>
	</ui:define>

</ui:composition>
